{% extends "data_grid.html" %}
{% load i18n %}
{% load iclock_tags %}
{% block grid_opt_update %}
    var cols = data_grid_opts['grid_opts']['cols'][0];
    var payload = {};
    cols.forEach(function(col, index){
        payload[col.field] = col;
    })

    $.extend(payload.get_workflow_engine, {event:'getNodeFlow', templet:function(d){
        if (d.workflow_engine === '-') {
            return '<span>' + d.get_workflow_engine + '</span>';
        } else {
            return '<span style="color: #57c5f7">' + d.get_workflow_engine + '</span>';
        }
    }})

    $.extend(payload.attachment_url, {align: 'center'});
    $.extend(payload.attachment_url, {event:'showAttachment', templet:function(d){
        if (d.attachment_url === '') {
            return '<span>' + d.attachment_url + '</span>';
        } else {
            return '<i class="layui-icon layui-icon-picture" style="color: #009688;"></i>'
        }
    }})

    data_grid_opts.events = $.extend(data_grid_opts.events || {}, {
        getNodeFlow: function(data) {
            if (data.get_workflow_engine === '-') {
                return ;
            }
            var params = {object_id: data.id,model_name:'{{ model_name }}'};
            $.ajax({
                url: "/workflow/view/"
                , dataType: 'html'
                , data: params
                , type: 'GET'
                , success: function (response) {
                    try {
                        var ret = JSON.parse(response);
                        if (ret['error_code'] != 0) {
                            layer.msg(ret['result'], {
                                icon: 0,
                                time: '2000',
                                shade: 0.1
                            });
                        }
                    } catch (err) {
                        layer.open({
                            title:  '{% trans 'menu_group_workflow' %}'
                            , area: ['auto', 'auto']
                            , content: response
                            , btn: gettext("btn_confirm")
                            , success: function (layero, index) {
                            }
                        });
                    }
                }
            });
        },
        showAttachment: function(data) {
            if (data.attachment_url === '') {
                    return ;
            }
            layer.open({
                title: "{%  trans 'preview' %}",
                area: ['850px', '500px'],
                type: 1,
                content: '<img src="' + data.attachment_url + '">',
                btn: [gettext('btn_confirm')]
            });
        }
    });
{% endblock %}